<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="../js/jquery-3.4.1.min.js"></script>

    <script>

        $(function () {

            // alert("页面加载成功 发送Ajax请求")
            $.ajax({

                //请求路径
                url:"/user",
                //请求参数


                type:"get",
                //请求方式

                dataType:"JSON",
                success:function (res) {
                    console.log(res)

                    $(res).each(function (index,ele){
                        $("#userTable").append("<tr>\n" +
                            "        <td>"+ele.uid+"</td>\n" +
                            "        <td>"+ele.loginName+"</td>\n" +
                            "        <td>"+ele.loginPwd+"</td>\n" +
                            "        <td>\n" +
                            "            <a href=\"update.html?uid="+ele.uid+"\">修改</a>\n"+
                            "            <a href=\"javaScript:del("+ele.uid+",'"+ele.loginName+"')\">删除</a>\n" +
                            "        </td>\n" +
                            "    </tr>")
                    })
                },
                error:function () {
                    alert("查询所有失败 服务器异常")

                }
            })
        })


        function  del(uid,loginName) {
            let rel  = confirm("确定要删除"+loginName+"吗?");

            if (!rel){

                return;
            }

            $.ajax({

                //请求路径
                url:"/user/"+uid,
                //请求方式
                type:"delete",
                //数据响应格式
                dataType:"json",
                //成功
                success:function () {
                    alert("删除成功")
                    location.href = "/html/list.html";
                },

                //失败
                error:function () {
                    alert("删除失败,服务器端异常")

                }
















            })
        }



    </script>
</head>
<body>




<a href="add.html">添加</a>
<table border="1" width="500px" id="userTable">
    <tr>
        <th>uid</th>
        <th>登录名</th>
        <th>密码</th>
        <th>操作</th>
    </tr>


    <td><a href="javaScript:del("1","2)></a></td>

<!--    <tr>-->
<!--        <td>u001</td>-->
<!--        <td>奇趣蛋</td>-->
<!--        <td>123</td>-->
<!--        <td>-->
<!--            <a href="">修改</a>-->
<!--            <a href="">删除</a>-->
<!--        </td>-->
<!--    </tr>-->

</table>

</body>
</html>